<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 1   let  const 
        // 2   this指向
        //        window
        //        事件源
        //        对象本身
        //        没有指向(箭头函数)，指向上文
        // 3   箭头函数
        //        匿名函数可以改写箭头函数
        //        简写
        //           只有一个形参  可以省略小括号
        //           只有一句代码且有返回值   省略大括号和return 
        // 4   严格模式
        //       普通函数的this执向 undefined  (window.fn  -> window)

        'use strict' ;

        // 谁调用我，我就执向谁

        function fn() {
            console.log(this);    // window
        }


        window.fn();

        const json = {
            title : 'node7' ,
            say : function() {
                // console.log(this);
                console.log(this.title);

            }
        }

        json.say() ;


        document.onclick = function() {
            console.log(this);   // document
        }


        document.onclick = () => {
            console.log(this);   // window
        }


        

    </script>
    
</body>
</html>